<template>
  <avic-modal :visible="true" title="过程示意图" :full-screen="true" :adjust-size="false" :footer="null" @cancel="handleClose">
    <div class="process-tracking-modal" style="height: 100%">
      <div class="matter-graph" style="height: 100%">
        <AvicBpmChart :bpm-instance-object="bpmInstanceObject" v-bind="$attrs" />
      </div>
    </div>
  </avic-modal>
</template>
<script setup lang="ts">
import AvicBpmChart from '@/views/avic/bpmpi/bpmpidesigner/components/x6/bpmpi-perview/index.vue';
defineProps({
  bpmInstanceObject: {
    type: Object,
    required: true
  }
});
const $emit = defineEmits(['close']);
function handleClose() {
  $emit('close');
}
</script>
<style scoped lang="less">
.process-tracking-modal {
  height: 40px;
  .process-instance-tips {
    height: 40px;
    :deep(.ant-badge-status-text) {
      display: inline;
    }
  }
  .matter-graph {
    flex: 0 0 40px;
    overflow: hidden;
  }
}
:deep(.graph-container) {
  height: 100%;
  :deep(.layout) {
    height: calc(100% - 8px);
    :deep(.graph-main-container) {
      position: initial;
    }
    :deep(.x6-graph-scroller) {
      overflow: auto;
    }
  }
}
</style>
